<template>
  <div>
    <div style="height:10vh;background-color:white"></div>

    <div class="site-footer__copyrights">
      <p class="site-footer__copyrights-logo">
        <img
          src="~/assets/image/common/logo.svg"
          alt="您想要交付到手的仔细邮购"
          width="177"
          height="40"
        />
      </p>
      <p class="site-footer__copyrights-text">
        <small
          ><font style="vertical-align: inherit;"
            ><font style="vertical-align: inherit;"
              >版权所有 © 爱心公益服务。保留所有权利。</font
            ></font
          ></small
        >
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: "FootBar",
  props: {},
  data() {
    return {};
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {},

  watch: {}
};
</script>
<style scoped lang="scss">
body {
  display: flex;
  flex-direction: column;
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size: 13px;
  color: #f8f5ef;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.site-footer__copyrights {
  height: 157px;
  padding: 43px 0 0;
  text-align: center;
  background: url(/assets/image/common/foot.png);
  background-size: 400px;
  color: aliceblue;
}
*,
::after,
::before {
  background-repeat: no-repeat;
  box-sizing: inherit;
}
::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit;
}
::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}
</style>
